<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=<device-width>, initial-scale=1.0" />
    <title>Document</title>
    <style>
      h2 {
        /*字体格式*/
        font-family: "Microsoft YaHei";
      }
      p {
        font-family: "宋体";
        /*字体大小 标题标签比较特殊 需要手动定义*/
        font-size: 20px;
        /*文本缩进*/
        /* em 代表当前文字一个文字的大小，相对单位*/
        text-indent: 2em;
        /*行间距: 包括上间距，下间距和文本高度*/
        line-height: 25px;
      }
      .bold {
        /*字体粗细*/
        /*font-weight: bold; 开发中提倡使用数字*/
        /* 400等同于 normal(不加粗),而 700 等同于 bold(加粗),注意数字后面不跟单位*/
        font-weight: 700;
        /*字体风格*/
        font-style: italic;
      }
      .fuhe {
        /*复合属性：简写的方式 不可颠倒顺序,其中必须含有 font-size 和 font-family属性,其他的可以省*/
        /*font: font-style font-weight font-size/line-height font-family;*/
        font: 20px "微软雅黑";
        /*预定义的颜色值*/
        /*color: red;*/
        /*十六进制*/
        /*color: #ff00ea80;*/
        /*RGB代码*/
        color: rgb(128, 0, 117);
      }
      div {
        /*本质然盒子里面的文字水平居中对齐*/
        text-align: center;
        /*text-align: right;右对齐*/
        /*下划线*/
        /*text-decoration: underline;*/
        /*删除线*/
        text-decoration: line-through;
      }
      a {
        /*去掉链接的下划线*/
        text-decoration: none;
      }
    </style>

    <!-- 外部样式表  开发中最常用的-->
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <h2>影的歌</h2>
    <!-- 行内样式表 较简单时使用-->
    <p style="color: pink">那一抹众人中最漂亮的焰色，</p>
    <p>优雅，淡然，又那么心中清澈。</p>
    <p class="fuhe">前方总是伴随着困难和犯错，</p>
    <p>静心，坦然，攻克一个又一个。</p>
    <p class="bold">前进，前进...</p>
    <p>这就是影的歌。</p>
    <div>居中对齐</div>
    <a href="#" target="_blank">影的歌</a>
  </body>
</html>
